@charset "UTF-8";

.listHeader {
  font-family: Arial, Helvetica, sans-serif;
  font-size: x-large;
  font-weight: bold;
  margin-top: 30px;
  width: 80%;
  padding-left: 40px;
  color: rgba(0, 0, 0, 0.7);
}

.listDiv {
  margin-top: 30px;
  width: 100%;
  margin-left: 20px;
}

.listItemRoot {

}

.listItemRoot:hover {
  cursor: pointer;
}

.listItemImg {
  width: 20px;
  display: inline-block;
  vertical-align: middle;
}

.listItemImg img {
  width: 100%;
}

.listItemRootContent {
  display: inline-block;
  vertical-align: middle;
  font-size: medium;
  color: rgba(0, 0, 0, 0.7);
}

.listSubElems {
  display: none;
}

.listSubElems .listSubElem {
  font-size: medium;
  margin-left: 40px;
  height: 20px;
  color: rgba(0,0,0,0.5);
}

.listSubElems .listSubElem:hover {
  text-decoration: underline;
  cursor: pointer;
}

.listSubElem a {
  text-decoration: none;
  color: inherit;
}